<style lang="less" scoped src="./coustsignup.less"></style>
<script src="./coustsignup.js"></script>

<template>
    <div>
        <div>
            <Row class="query" align="middle">
                <Col span="2">
                    报名预约号:
                </Col>
                <Col span="3">
                     <Input v-model="queryData.billcode" clearable ></Input>
                </Col>

                <Col span="2">
                     学生姓名:
                </Col>
                <Col span="3">
                      <Input v-model="queryData.studentName" clearable ></Input>
                </Col>
                
                <Col span="2">
                     学生手机号:
                </Col>
                <Col span="3">
                     <Input v-model="queryData.studentPhone" clearable></Input>
                </Col>

                <Col span="2">
                     班级名称:
                </Col>
                <Col span="3">
                      <Input v-model="queryData.courseName" clearable ></Input>
                </Col>
               <!--  <Select v-model="query.classSeason" clearable style="width: 10%">
                    <Option v-for="item in semesterList" :value="item.id" :key="item.id">{{item.name}}</Option>
                </Select>
                专业大类 ：
                <Select v-model="query.major" clearable style="width: 10%" @on-change="findByParent">
                    <Option v-for="item in LargeMajorList" :value="item.id" :key="item.id">{{item.name}}</Option>
                </Select>
                专业 ：
                <Select v-model="query.marjorId" clearable style="width: 10%">
                    <Option v-for="item in majorList" :value="item.id" :key="item.id">{{item.name}}</Option>
                </Select>
                部门  ：<Input v-model="query.departmentName"  :readonly="true" style="width: 17%"  @on-click="deptModal = true" icon="search"></Input> -->
                
            </Row>
            <Row>
                <Col span="24">
                <span @click="doQuery"><Button type="primary" icon="android-search">查询</Button></span>
                <span @click=""><Button type="primary" icon="refresh">清空</Button></span>
                </Col>
            </Row> 
            <div class="table-content">
                <Table border :columns="columns" :data="dataList"></Table>
            </div>
            <div class="pagination">
                <Page :total="total" size="small" :page-size="pageSize" :current.sync="pageIndex" @on-change="doQuery"
                      show-total show-elevator></Page>
            </div>
        </div>

       <Modal 
                v-model="costVisible"
               title="培训缴费"
               width="100%"
               :mask-closable="false">
                    <div class="table">
                             <div class="table-title"><span>学生信息</span></div>
                             <div class="table-content">
                                    <Row class="table-Row">
                                            <Col span="3" class="titele">姓名：</Col>
                                            <Col span="3" class="content">{{obj.name}}</Col>
                                            <Col span="3" class="titele">姓别：</Col>
                                            <Col span="3" class="content">{{obj.sex}}</Col>
                                            <Col span="3" class="titele">出生日期：</Col>
                                            <Col span="3" class="content">{{obj.birthdate}}</Col>
                                            <Col span="3" class="titele">身份证号：</Col>
                                            <Col span="3" class="content">{{obj.cardcode}}</Col>
                                    </Row>
                                    <Row class="table-Row">
                                            <Col span="3" class="titele">家长姓名：</Col>
                                            <Col span="3" class="content">{{obj.parentname}}</Col>
                                            <Col span="3" class="titele">家长手机：</Col>
                                            <Col span="3" class="content">{{obj.parentphone}}</Col>
                                            <Col span="3" class="titele">是否新生：</Col>
                                            <Col span="3" class="content"></Col>
                                    </Row>
                            </div>

                            <div class="table-title"><span>班级信息</span></div>
                             <div class="table-content">
                                     <Table border :columns="classTitle" :data="classDataList"></Table>
                            </div>

                            <div class="table-title"><span>收费信息</span></div>
                             <div class="table-content">
                                     <Table border :columns="costTitle" :data="costDataList"></Table>
                            </div>

                            <div>
                                    <span class="cost-title">收费合计:</span>
                                    <span class="cost-number">{{entity.money}}</span>
                                    <span class="cost-title">自动打折金额:</span>
                                    <span class="cost-number">0</span>
                                    <span class="cost-title">打折金额:</span>
                                    <span class="cost-number">0</span>
                                    <span class="cost-title">应收合计:</span>
                                    <span class="cost-number">{{entity.money}}</span>
                            </div>

                            <div>
                                    <Row type="flex" justify="center">
                                         <Col span="1" >支付方式:</Col>   
                                          <Col span="4">
                                               <Select @on-change="payTypeChange">
                                                 <Option value='1'>现金</Option>
                                            </Select>
                                          </Col>   
                                    </Row>
                            </div>

                            <div style="margin-top: 10px;">
                                    <Row type="flex" justify="center">
                                         <Col span="1" >
                                             <Button type="primary" @click="doPay">缴费</Button>
                                         </Col>     
                                    </Row>
                            </div>
                    </div>

                     <div slot="footer">
                        <Button type="primary" style="margin-left: 8px" @click="costVisible = false">返回</Button>
                    </div>
        </Modal> 
       
    </div>
</template>